$(document).ready(function () {
    var bg = $('.active');
    // 鼠标悬浮 去除active样式
    $('.navs').children().siblings().hover(function () {
        bg.removeClass('active')
    }, function () {
        bg.addClass('active')
    })

    // 鼠标悬浮 下拉导航栏菜单
    $(".more").hover(function () {
        $(this).children('.dropdown-toggle ').attr('style', 'background:#000;color:#fff')
        // $(this).children('.dropdown-toggle').attr('style','color:#fff')
        $(this).find('.moredown-menu').attr('class', 'moredown-menu show')
    }, function () {
        bg.addClass('active')
        $(this).find('a').removeAttr("style")
        // $(this).children('.dropdown-toggle').removeAttr("style")
        $(this).find('.moredown-menu').attr('class', 'moredown-menu')
    });

    // 移动端导航下拉菜单
    $('.m-more').click(function () {
        $(this).next().slideToggle()
    })

    // 侧边菜单框
    $(".menu-btn").click(function () {
        $(".m-navbox").animate({
            left: '0'
        });
        $(".m-bg").attr('class', 'm-bg show')
    });
    $(".m-bg").click(function () {
        $(".m-navbox").animate({
            left: '-220px'
        });
        $('#moredownbox').removeClass('in')
        $(this).attr('class', 'm-bg')
    });

    //      首页头部轮播----轮播
    $(".swiper-header").swiper({
        autoplay: 3000,
        autoplayDisableOnInteraction: false, //点击是否停止自动播放
        paginationClickable: true,
    })
    

    //      首页合作资源----轮播
    var viewSwiper = new Swiper('.swiper-resource', {
        slidesPerView: 5,
        spaceBetween: 50,
        slidesPerGroup: 1,
        // loop:true,
        breakpoints: {
            640: {
                slidesPerView: 3,
                spaceBetween: 20,
                slidesPerGroup: 1,
            },
            320: {
                slidesPerView: 3,
                spaceBetween: 20,
                slidesPerGroup: 1,
            }
        },
    })
    $('.swiper-button-prev').on('click', function (e) {
        // e.preventDefault()
        viewSwiper.slidePrev()
    })
    $('.swiper-button-next').on('click', function (e) {
        // e.preventDefault()

        viewSwiper.slideNext()
    })






    // 标签页
    var str = '<li class="col-md-4 col-sm-4 col-xs-4"><div class="items"><img src="static/images/b7.png"><span class="hidden-xs">朋友圈大图广告</span><img class="item" src="static/images/b8.png"></div><p class="fw">微信朋友圈</p><span class="f12 gray">朋友圈大图广告</span></li><li class="col-md-4 col-sm-4 col-xs-4" style=""><div class="items"><img src="static/images/b7.png"><span class="hidden-xs">朋友圈组图广告</span><img class="item" src="static/images/b9.png"></div><p class="fw">微信朋友圈</p><span class="f12 gray">朋友圈组图广告</span></li><li class="col-md-4 col-sm-4 col-xs-4"><div class="items"><img src="static/images/b7.png"><span class="hidden-xs">朋友圈视频广告</span><img class="item" src="static/images/b10.png"></div><p class="fw">微信朋友圈</p><span class="f12 gray">朋友圈视频广告</span></li>'


    $('.selcetbox1 li').click(function (event) {
        $(this).children('a').addClass('btned');
        $(this).siblings().children('a').removeClass('btned');
        if ($(this).index() === 0) {
            $('#box1').html(str)
            console.log(str)
        }
        if ($(this).index() === 1) {
            $('#box1').html('123')
        }
    })
    $('.selcetbox2 li').click(function (event) {
        $(this).children('a').addClass('btned');
        $(this).siblings().children('a').removeClass('btned');
        if ($(this).index() === 0) {
            $('#box2').html(str)
            console.log(str)
        }
        if ($(this).index() === 1) {
            $('#box2').html('123')
        }
    })
    $('.selcetbox3 li').click(function (event) {
        $(this).children('a').addClass('btned');
        $(this).siblings().children('a').removeClass('btned');
        if ($(this).index() === 0) {
            $('#box3').html(str)
            console.log(str)
        }
        if ($(this).index() === 1) {
            $('#box3').html('123')
        }
    })

})

// 滚动条滑动 固定导航条
// $(document).scroll(function () {
//     var scroH = $(document).scrollTop()
//     if (scroH > 50) {
//         $('.header').addClass('scoll-header')
//     } else {
//         $('.header').removeClass('scoll-header')
//     }
// })